Skip to content

Bring the emulators.dev catalog in line with the brand - #6

Merged
RhysSullivan merged 1 commit into
mainfrom
brand-homepage
Jun 28, 2026
Merged

Bring the emulators.dev catalog in line with the brand#6
RhysSullivan merged 1 commit into
mainfrom
brand-homepage

Conversation

@RhysSullivan

Copy link
Copy Markdown

Restyles the apex catalog (apps/console, served at emulators.dev) to the registry-grade minimal design system.

What changed

  • Grayscale, not GitHub-dimmed. Drops the green/blue/amber accent palette, the green brand dot, and the green monogram badges. Destructive red is the only hue. Hierarchy comes from tone and hairlines.
  • Geist + Geist Mono. Mono carries all metadata: the wordmark, section eyebrows (SERVICE CATALOG, ALL EMULATORS), and host lines. Headings are Geist 600.
  • Hairline cards, tightened radii, responsive multi-column catalog grid. Real provider brand marks kept (favicons/SVGs over an icon pack); the monogram fallback is neutral.
  • Dark palette, because the icon service serves white monochrome marks that only read on a dark surface. A light catalog would need theme-aware marks (follow-up).

No loading state

The catalog is a static registry, so the worker now inlines it into the served HTML (window.__EMULATE_SERVICES__). The console renders the grid on first paint with no client fetch and no loading flash. The /_emulate/services endpoint stays as a dev fallback. console-html.ts is regenerated from the rebuilt SPA.

Verification

  • Console app type-checks clean; catalog renders on first paint from a plain static server (no proxy, no fetch).
  • Not run here: the cloudflare worker test suite (needs a full pnpm install). Worth running before merge.

Restyle the apex catalog (apps/console) to the registry-grade minimal
system: Geist and Geist Mono, a grayscale ramp, hairline cards, mono
metadata (wordmark, eyebrows, host lines), and destructive red as the
only hue. Drop the green/blue/amber accent palette, the green brand dot,
and the green monogram badges; keep real provider brand marks. Dark
palette, since the icon service serves white monochrome marks.

Inline the static service catalog into the served HTML (worker sets
window.__EMULATE_SERVICES__) so the console renders the grid on first
paint with no client fetch and no loading state. Regenerate
console-html.ts from the rebuilt SPA.
@RhysSullivan
RhysSullivan merged commit d701b79 into main Jun 28, 2026
1 check failed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant